
<template>
  <!-- 小弹框 width:500,height:0.3,top:15%  -->
  <!-- 中弹框 width:800,height:0.5,top:10% -->
  <!-- 大弹框 width:1060,height:0.76,top:5% -->

  <div class="Control-1 mechanism_dialogS closure" id="comcn small wdfrgfg">
    <el-dialog
    width="950px"
      v-loading="loading"
      element-loading-text="拼命加载中"
      element-loading-background="rgba(0, 0, 0, 0.2)"
      element-loading-spinner="el-icon-loading"
      :title="title"
      v-dialogDrag
      :visible.sync="visible"
      @close="closeDialog"
      :append-to-body="true"
      top="1%"
    >
      <div
      class="steelSheet Control-1"
 
        :style="{ height: dialogHeight }"
        style="width: 100%;overflow: hidden;"
      >
        <div style=" margin-bottom: 20px">
          <el-menu
            :default-active="activeIndex"
            class="el-menu-demo"
            mode="horizontal"
            @select="handleSelect"
          >
            <el-menu-item index="1">钢筋保护层厚度试验检测记录表</el-menu-item>
            <el-menu-item index="2">钢筋保护层厚度试验检测报告</el-menu-item>
            <el-menu-item index="3">钢筋保护层厚度检测示意图</el-menu-item>
          </el-menu>
          <div
            v-show="activeIndex == '1'"
            class="dialogBody common"
            :style="{ height: dialogHeight }"
          >
            <header>
              钢筋保护层厚度试验检测记录表
              <div class="printTable">
                <el-button
                  type="primary"
                  icon="el-icon-printer"
                  size="small"
                  @click="Print(1)"
                  >打印表格
                </el-button>
              </div>
            </header>
            <!-- 检测类型 -->
            <div
              class="top_box top_1"
              style="border-bottom: 1px solid #ccc"
              id="checkForm1"
            >
              <div class="bottom1_1" style="background: #f5f7fa">
                检测类型：
              </div>
              <div class="bottom1_2" v-text="formData.fChecktype"></div>
            </div>
            <!-- 头部 -->
            <div class="title">
              <div class="title_Name title_record">
                <div class="title_input_text">检测单位名称：</div>
                <div
                  class="title_input_con"
                  v-text="formData.fCheckcompanyfullname"
                ></div>
              </div>
              <div class="title_input">
                <div class="title_input_text">记录编号：</div>
                <div
                  class="title_input_con"
                  v-text="formData.fRecordnumber"
                ></div>
              </div>
            </div>
            <!-- 工程名称 -->
            <div class="top_box top_1">
              <div class="bottom1_1" style="background: #f5f7fa">工程名称</div>
              <div class="bottom1_2" v-text="formData.fProjectfullname"></div>
            </div>
            <!-- 工程部位/用途 -->
            <div class="top_box top_1" id="checkForm2">
              <div class="bottom1_1">工程部位/用途</div>
              <div class="bottom1_2" v-text="formData.fProjectpartandapp"></div>
            </div>
            <!-- 样品信息 -->
            <div class="top_box top_1" id="checkForm3">
              <div class="bottom1_1">样品信息</div>
              <div class="bottom1_2" v-text="sample"></div>
            </div>
            <!-- 试验检测日期 -->
            <div class="top_box top_1">
              <div class="top_4">
                <div class="bottom1_1">试验检测日期</div>
                <div class="bottom1_2" v-text="formData.fCheckdates"></div>
              </div>
              <div class="top_4" id="checkForm4">
                <div class="bottom1_1" style="border-left: 1px solid #ccc">
                  试验条件
                </div>
                <div
                  class="bottom1_2"
                  v-text="formData.fCheckenvironment"
                ></div>
              </div>
            </div>
            <!-- 检测依据 -->
            <div class="top_box top_1">
              <div class="top_4" id="checkForm5">
                <div class="bottom1_1">检测依据</div>
                <div class="bottom1_2" v-text="formData.fCheckreference"></div>
              </div>
              <div class="top_4" id="checkForm6">
                <div class="bottom1_1" style="border-left: 1px solid #ccc">
                  判定依据
                </div>

                <div class="bottom1_2" v-text="formData.fDecidereference"></div>
              </div>
            </div>
            <!-- 主要仪器设备名称及编号 -->
            <div class="top_box top_1 top_2" id="checkForm7">
              <div class="bottom1_1">主要仪器设备<br />名称及编号</div>
              <div
                class="bottom1_2"
                v-text="formData.fMajorequipnameandnumber"
              ></div>
            </div>
            <!-- 钢筋工称直径 -->
            <div class="top_box top_1">
              <div class="top_4 top_3" id="checkForm8">
                <div class="bottom1_1">钢筋公称直径</div>
                <div class="bottom1_2" v-text="formData.fDiameter"></div>
              </div>
              <div class="top_4 top_3" id="checkForm9">
                <div class="bottom1_1" style="border-left: 1px solid #ccc">
                  修正值
                </div>
                <div class="bottom1_2" v-text="formData.fCc"></div>
              </div>
            </div>
            <!-- 报告编号 -->
            <div class="top_box top_1">
              <div class="top_4 top_3">
                <div class="bottom1_1">报告编号</div>
                <div class="bottom1_2" v-text="formData.fReportnumber"></div>
              </div>
              <div class="top_4 top_3">
                <div class="bottom1_1" style="border-left: 1px solid #ccc">
                  报告日期
                </div>
                <div class="bottom1_2" v-text="formData.fReportdates"></div>
              </div>
            </div>
            <!-- 构件名称 -->
            <div class="top_box top_1">
              <div class="top_4 top_3" id="checkForm10">
                <div class="bottom1_1">构件名称</div>
                <div class="bottom1_2" v-text="formData.fComponentname"></div>
              </div>
              <div class="top_4 top_3" id="checkForm12">
                <div class="bottom1_1" style="border-left: 1px solid #ccc">
                  钢筋保护层厚度设计值Dnd(mm)
                </div>
                <div class="bottom1_2" v-text="formData.fDnd"></div>
              </div>
            </div>
            <!-- 垫块厚度C -->
            <div class="top_box top_1">
              <div class="top_4 top_3" id="checkForm11">
                <div class="bottom1_1">垫块厚度C(mm)</div>
                <div class="bottom1_2" v-text="formData.fCo"></div>
              </div>
              <div class="top_4 top_3">
                <div class="bottom1_1" style="border-left: 1px solid #ccc">
                  规定值或允许偏差(mm)
                </div>
                <div class="bottom1_2" v-text="formData.fStandardvalue"></div>
              </div>
            </div>
            <!-- 钢筋保护层厚度判定系数 -->
            <div class="top_box top_1 top_5">
              <div class="bottom1_1">钢筋保护层厚度判定系数</div>

              <div
                class="bottom1_2"
                v-text="formData.fThicknessdecidecoefficient"
              ></div>
            </div>
            <!-- 表格 -->
            <div class="table_recordSheet">
              <!-- 左侧数据1-20 -->
              <div
                class="recordSheet"
                style="width: 50%; box-sizing: border-box"
              >
                <el-table style="width: 100%; box-sizing: border-box">
                  <el-table-column label="测点编号" width="47.5">
                  </el-table-column>
                  <el-table-column label="钢筋公称直径 (mm)" width="69.75">
                  </el-table-column>
                  <el-table-column label="保护层厚度检测值(mm)">
                    <el-table-column label="第一次检测值" width="70.75">
                    </el-table-column>
                    <el-table-column label="第二次检测值" width="70.75">
                    </el-table-column>
                    <el-table-column label="修正值" width="69.75">
                    </el-table-column>
                    <el-table-column label="平均检测值" width="70.75">
                    </el-table-column>
                  </el-table-column>
                  <el-table-column label="偏差值(mm)" width="69.75">
                  </el-table-column>
                </el-table>
                <div
                  class="recordSheet_box"
                  v-for="(v, i) in recordData"
                  :key="i"
                >
                  <div class="recordSheet_box_1 row1_1">
                    <el-input
                      v-model="v.fCheckpointnumber"
                      placeholder="/"
                      disabled
                      class="center_text"
                    ></el-input>
                  </div>
                  <div class="recordSheet_box_2 row1_2">
                    <el-input
                      v-model="v.fDiameter"
                      placeholder="/"
                      class="center_text"
                      disabled
                    ></el-input>
                  </div>
                  <div class="recordSheet_box_3 row1_3">
                    <el-input
                      v-model="v.fFirstcheckvalue"
                      placeholder="/"
                      class="center_text"
                      disabled
                    ></el-input>
                  </div>
                  <div class="recordSheet_box_3 row1_4">
                    <el-input
                      v-model="v.fSecondcheckvalue"
                      placeholder="/"
                      class="center_text"
                      disabled
                    ></el-input>
                  </div>
                  <div class="recordSheet_box_2 row1_5">
                    <el-input
                      v-model="v.fCc"
                      placeholder="/"
                      disabled
                      class="center_text"
                    ></el-input>
                  </div>
                  <div class="recordSheet_box_3 row1_6">
                    <el-input
                      v-model="v.fAvgvalue"
                      placeholder="/"
                      disabled
                      class="center_text"
                    ></el-input>
                  </div>
                  <div class="recordSheet_box_4 row1_7" style="border: none">
                    <el-input
                      v-model="v.fSdvalue"
                      placeholder="/"
                      class="center_text"
                      disabled
                    ></el-input>
                  </div>
                </div>
              </div>
              <!-- 右侧数据21-40 -->
              <div
                class="recordSheet"
                style="
                  width: 50%;
                  box-sizing: border-box;
                  border-right: 1px solid #ccc;
                "
              >
                <el-table style="width: 100%; box-sizing: border-box">
                  <el-table-column label="测点编号" width="47.5">
                  </el-table-column>
                  <el-table-column label="钢筋公称直径 (mm)" width="69.75">
                  </el-table-column>

                  <el-table-column label="保护层厚度检测值(mm)">
                    <el-table-column label="第一次检测值" width="70.75">
                    </el-table-column>
                    <el-table-column label="第二次检测值" width="70.75">
                    </el-table-column>
                    <el-table-column label="修正值" width="69.75">
                    </el-table-column>
                    <el-table-column label="平均检测值" width="70.75">
                    </el-table-column>
                  </el-table-column>
                  <el-table-column label="偏差值(mm)" width="69.75">
                  </el-table-column>
                </el-table>
                <div
                  class="recordSheet_box"
                  v-for="(v, i) in recordData1"
                  :key="i"
                >
                  <div class="recordSheet_box_1 row1_1">
                    <el-input
                      v-model="v.fCheckpointnumber"
                      placeholder="/"
                      disabled
                      class="center_text"
                    ></el-input>
                  </div>
                  <div class="recordSheet_box_2 row1_2">
                    <el-input
                      v-model="v.fDiameter"
                      placeholder="/"
                      class="center_text"
                      disabled
                    ></el-input>
                  </div>
                  <div class="recordSheet_box_3 row1_3">
                    <el-input
                      v-model="v.fFirstcheckvalue"
                      placeholder="/"
                      class="center_text"
                      disabled
                    ></el-input>
                  </div>
                  <div class="recordSheet_box_3 row1_4">
                    <el-input
                      v-model="v.fSecondcheckvalue"
                      placeholder="/"
                      class="center_text"
                      disabled
                    ></el-input>
                  </div>
                  <div class="recordSheet_box_2 row1_5">
                    <el-input
                      v-model="v.fCc"
                      placeholder="/"
                      class="center_text"
                      disabled
                    ></el-input>
                  </div>
                  <div class="recordSheet_box_3 row1_6">
                    <el-input
                      v-model="v.fAvgvalue"
                      placeholder="/"
                      disabled
                      class="center_text"
                    ></el-input>
                  </div>
                  <div class="recordSheet_box_4 row1_7" style="border: none">
                    <el-input
                      v-model="v.fSdvalue"
                      placeholder="/"
                      class="center_text"
                      disabled
                    ></el-input>
                  </div>
                </div>
              </div>
            </div>
            <!--底部 第一行 -->
            <div class="bottom_box">
              <div class="bottom1_1">保护层厚度检测点数</div>
              <div class="bottom1_2" v-text="formData.fCheckpointcount"></div>
              <div class="bottom1_3" style="border-left: #ccc 1px solid">
                合格点数
              </div>
              <div
                class="bottom1_4"
                v-text="formData.fCheckpointqualifiedcount"
              ></div>
              <div class="bottom1_5">合格率(%)</div>
              <div
                class="bottom1_6"
                v-text="formData.fCheckpointqualifiedrate"
              ></div>
            </div>
            <!--底部 第二行 -->
            <div class="bottom_box">
              <div class="bottom1_1">保护层厚度平均值<span>D</span>n(mm)</div>
              <div
                class="bottom1_2"
                v-text="formData.fCheckpointavgthickness"
              ></div>
              <div class="bottom1_3" style="border-left: #ccc 1px solid">
                标准偏差(mm)
              </div>
              <div class="bottom1_4" v-text="formData.fSd"></div>
              <div class="bottom1_5">保护层厚度特征值(mm)</div>
              <div class="bottom1_6" v-text="formData.fDne"></div>
            </div>
            <!-- 检测部位示意图 -->
            <div class="bottom_box box2">
              <div class="bottom1_1">检测部位示意图</div>
              <div class="bottom1_2">
                <div
                  ref="fPhotofilelist"
                  style="
                    height: 25px;
                    line-height: 25px;
                    width: 100%;
                    display: flex;
                    border-radius: 5px;
                    margin: 8px 0 2px 0;
                  "
                >
                  <div
                    v-for="(v, i) in fPhotofilelist"
                    :key="i"
                    style="margin: 2px 3px; height: 87%"
                    @click="openPdfs(v)"
                  >
                    <img
                      style="max-width: 100%; max-height: 100%"
                      src="@/assets/img/pdf.png"
                    />
                  </div>
                </div>
              </div>
            </div>
            <!-- 附加声明 -->
            <div class="bottom_box box2">
              <div class="bottom1_1">附加声明</div>
              <div class="bottom1_2" v-text="formData.fAddcomments"></div>
            </div>
          </div>

          <!-- 钢筋保护层厚度试验检测报告 -->
          <div
            v-show="activeIndex == '2'"
            class="dialogBody common reportSheet"
            :style="{ height: dialogHeight }"
          >
            <header>
              钢筋保护层厚度试验检测报告
              <div class="printTable">
                <el-button
                  type="primary"
                  icon="el-icon-printer"
                  size="small"
                  @click="Print(2)"
                  >打印表格
                </el-button>
              </div>
            </header>
            <!-- 检测类型 -->
            <div
              class="top_box top_1"
              style="border-bottom: 1px solid #ccc"
              id="checkForm1"
              v-show="false"
            ></div>
            <!-- 头部 -->
            <div class="title">
              <div class="title_Name">
                <div class="title_input_text">检测单位名称(专用章):</div>
                <div
                  class="title_input_con"
                  v-text="formData.fCheckcompanyfullname"
                ></div>
              </div>
              <div class="title_input">
                <div class="title_input_text">报告编号：</div>
                <div
                  class="title_input_con"
                  v-text="formData.fReportnumber"
                ></div>
              </div>
            </div>
            <!-- 施工/委托单位 -->
            <div class="top_box top_1 top_2">
              <div class="top_4">
                <div class="bottom1_1" style="line-height: 40px !important">
                  施工/委托单位
                </div>

                <div class="bottom1_2" v-text="formData.fClientfullname"></div>
              </div>
              <div class="top_4">
                <div
                  class="bottom1_1"
                  style="
                    border-left: 1px solid #ccc;
                    line-height: 40px !important;
                  "
                >
                  工程名称
                </div>
                <div class="bottom1_2" v-text="formData.fProjectfullname"></div>
              </div>
            </div>
            <!-- 工程部位/用途 -->
            <div class="top_box top_1">
              <div class="bottom1_1">工程部位/用途</div>
              <div class="bottom1_2" v-text="formData.fProjectpartandapp"></div>
            </div>
            <!-- 样品信息 -->
            <div class="top_box top_1">
              <div class="bottom1_1">样品信息</div>
              <div class="bottom1_2" v-text="sample"></div>
            </div>
            <!-- 检测依据 -->
            <div class="top_box top_1">
              <div class="top_4">
                <div class="bottom1_1">检测依据</div>
                <div class="bottom1_2" v-text="formData.fCheckreference"></div>
              </div>
              <div class="top_4">
                <div class="bottom1_1" style="border-left: 1px solid #ccc">
                  判定依据
                </div>

                <div class="bottom1_2" v-text="formData.fDecidereference"></div>
              </div>
            </div>
            <!-- 主要仪器设备名称及编号 -->
            <div class="top_box top_1 top_2">
              <div class="bottom1_1">主要仪器设备<br />名称及编号</div>
              <div
                class="bottom1_2"
                v-text="formData.fMajorequipnameandnumber"
              ></div>
            </div>
            <!-- 龄期 -->
            <div class="top_box top_1">
              <div class="top_4">
                <div class="bottom1_1">龄期(d)</div>
                <div class="bottom1_2" v-text="formData.fAge"></div>
              </div>
              <div class="top_4">
                <div class="bottom1_1" style="border-left: 1px solid #ccc">
                  设计强度等级
                </div>
                <div class="bottom1_2" v-text="formData.fDesignintensity"></div>
              </div>
            </div>
            <!-- 构件名称 -->
            <div class="top_box top_1 box2">
              <div class="top_4 top_3">
                <div class="bottom1_1">构件名称</div>
                <div class="bottom1_2" v-text="formData.fComponentname"></div>
              </div>
              <div class="top_4 top_3">
                <div class="bottom1_1" style="border-left: 1px solid #ccc">
                  钢筋保护层厚度设计值Dnd(mm)
                </div>
                <div class="bottom1_2" v-text="formData.fDnd"></div>
              </div>
            </div>
            <!-- 垫块厚度C -->
            <div class="top_box top_1 box2">
              <div class="top_4 top_3">
                <div class="bottom1_1">垫块厚度C(mm)</div>
                <div class="bottom1_2" v-text="formData.fCo"></div>
              </div>
              <div class="top_4 top_3">
                <div class="bottom1_1" style="border-left: 1px solid #ccc">
                  规定值或允许偏差(mm)
                </div>
                <div class="bottom1_2" v-text="formData.fStandardvalue"></div>
              </div>
            </div>
            <!-- 表格 -->
            <div class="table_recordSheet table_report">
              <!-- 左侧数据1-20 -->
              <div
                class="recordSheet"
                style="width: 50%; box-sizing: border-box"
              >
                <el-table style="width: 100%; box-sizing: border-box">
                  <el-table-column prop="num" label="测点编号" width="93">
                  </el-table-column>
                  <el-table-column label="钢筋公称直径 (mm)" width="92">
                  </el-table-column>
                  <el-table-column
                    label="保护层厚度检测值 (mm)"
                    width="93"
                    style="padding: 0"
                  >
                  </el-table-column>
                  <el-table-column label="偏差值 (mm)" width="93">
                  </el-table-column>
                  <el-table-column
                    label="结果判定 "
                    width="93"
                    class-name="table_end"
                  >
                  </el-table-column>
                </el-table>
                <div
                  class="recordSheet_box"
                  v-for="(v, i) in recordData"
                  :key="i"
                  style="border-right: none"
                >
                  <div class="recordSheet_box_1 row1_1">
                    <el-input
                      v-model="v.fCheckpointnumber"
                      placeholder="/"
                      disabled
                      class="center_text"
                    ></el-input>
                  </div>
                  <div class="recordSheet_box_1 row1_2">
                    <el-input
                      v-model="v.fDiameter"
                      placeholder="/"
                      class="center_text"
                      disabled
                    ></el-input>
                  </div>
                  <div class="recordSheet_box_1 row1_3">
                    <el-input
                      v-model="v.fAvgvalue"
                      placeholder="/"
                      class="center_text"
                      disabled
                    ></el-input>
                  </div>
                  <div class="recordSheet_box_1 row1_4">
                    <el-input
                      v-model="v.fSdvalue"
                      placeholder="/"
                      class="center_text"
                      disabled
                    ></el-input>
                  </div>
                  <div class="recordSheet_box_1 row1_5" style="border: none">
                    <el-input
                      v-model="v.fResultdecide"
                      placeholder="/"
                      class="center_text"
                      disabled
                    ></el-input>
                  </div>
                </div>
              </div>
              <!-- 右侧数据21-40 -->
              <div
                class="recordSheet"
                style="
                  width: 50%;
                  box-sizing: border-box;
                  border-right: 1px solid #ccc;
                "
              >
                <el-table style="width: 100%; box-sizing: border-box">
                  <el-table-column prop="num" label="测点编号" width="93">
                  </el-table-column>
                  <el-table-column
                    prop="diameter"
                    label="钢筋公称直径 (mm)"
                    width="92"
                  >
                  </el-table-column>
                  <el-table-column
                    prop="diameter"
                    label="保护层厚度检测值 (mm)"
                    width="93"
                  >
                  </el-table-column>
                  <el-table-column
                    prop="diameter"
                    label="偏差值 (mm)"
                    width="93"
                  >
                  </el-table-column>
                  <el-table-column prop="diameter" label="结果判定 " width="93">
                  </el-table-column>
                </el-table>
                <div
                  class="recordSheet_box"
                  v-for="(v, i) in recordData1"
                  :key="i"
                  style="border-right: none"
                >
                  <div class="recordSheet_box_1 row1_1">
                    <el-input
                      v-model="v.fCheckpointnumber"
                      placeholder="/"
                      disabled
                      class="center_text"
                    ></el-input>
                  </div>
                  <div class="recordSheet_box_1 row1_2">
                    <el-input
                      v-model="v.fDiameter"
                      placeholder="/"
                      class="center_text"
                      disabled
                    ></el-input>
                  </div>
                  <div class="recordSheet_box_1 row1_3">
                    <el-input
                      v-model="v.fAvgvalue"
                      placeholder="/"
                      class="center_text"
                      disabled
                    ></el-input>
                  </div>
                  <div class="recordSheet_box_1 row1_4">
                    <el-input
                      v-model="v.fSdvalue"
                      placeholder="/"
                      class="center_text"
                      disabled
                    ></el-input>
                  </div>
                  <div class="recordSheet_box_1 row1_5" style="border: none">
                    <el-input
                      v-model="v.fResultdecide"
                      placeholder="/"
                      class="center_text"
                      disabled
                    ></el-input>
                  </div>
                </div>
              </div>
            </div>
            <!--底部 第一行 -->
            <div class="bottom_box">
              <div class="bottom1_1">保护层厚度检测点数</div>
              <div class="bottom1_2" v-text="formData.fCheckpointcount"></div>
              <div class="bottom1_3" style="border-left: #ccc 1px solid">
                合格点数
              </div>
              <div
                class="bottom1_4"
                v-text="formData.fCheckpointqualifiedcount"
              ></div>
              <div class="bottom1_5">合格率(%)</div>
              <div
                class="bottom1_6"
                v-text="formData.fCheckpointqualifiedrate"
              ></div>
            </div>
            <!--底部 第二行 -->
            <div class="bottom_box">
              <div class="bottom1_1">保护层厚度平均值<span>D</span>n(mm)</div>
              <div
                class="bottom1_2"
                v-text="formData.fCheckpointavgthickness"
              ></div>
              <div class="bottom1_3" style="border-left: #ccc 1px solid">
                标准偏差(mm)
              </div>
              <div class="bottom1_4" v-text="formData.fSd"></div>
              <div class="bottom1_5">保护层厚度特征值(mm)</div>
              <div class="bottom1_6" v-text="formData.fDne"></div>
            </div>
            <!-- 保护层厚度特征值与设计值的比值Dne/Dnd -->
            <div
              class="top_box top_1 top_5 box2"
              style="border-bottom: 1px solid #ccc; border-top: none"
            >
              <div class="bottom1_1">保护层厚度特征值与设计值的比值Dne/Dnd</div>

              <div class="bottom1_2" v-text="formData.fRatioofdneanddnd"></div>
            </div>
            <!-- 检测结论 -->
            <div class="bottom_box box2">
              <div class="bottom1_1">检测结论</div>
              <div class="bottom1_2">
                <div
                  v-text="formData.fCheckresult"
                  style="line-height: 20px"
                ></div>
              </div>
            </div>
            <!-- 附加声明 -->
            <div class="bottom_box box2">
              <div class="bottom1_1">附加声明</div>
              <div class="bottom1_2" v-text="formData.fAddcomments"></div>
            </div>
          </div>
          <!-- 钢筋保护层厚度检测示意图 -->
          <div
            v-show="activeIndex == '3'"
            class="dialogBody common"
            :style="{ height: dialogHeight }"
          >
            <header>钢筋保护层厚度检测示意图</header>
            <div class="ThicknessMap">
              <div class="Thickness_Map">
                <SteelCharts
                  v-loading="chartsLoading"
                  element-loading-text="拼命加载中"
                  element-loading-spinner="el-icon-loading"
                  element-loading-background="rgba(0, 0, 0, 0.3)"
                  :commonData="tensioningData"
                  :height="echartsHeight"
                >
                </SteelCharts>
              </div>
              <div class="Thickness_Form">
                <div class="Thickness_Form_box">
                  <div class="box1" style="background: aliceblue">
                    <div>序号</div>
                    <div>位置</div>
                    <div>厚度</div>
                    <div>间距</div>
                    <div>合格</div>
                  </div>
                  <div
                    class="box1"
                    v-for="(item, index) in Thickness_FormData_right"
                    :key="index"
                  >
                    <div
                      v-text="item.Number"
                      style="background: aliceblue"
                    ></div>
                    <div v-text="item.fAddress"></div>
                    <div v-text="item.fFirstcheckvalue"></div>
                    <div v-text="item.fCheckpointnumber"></div>
                    <div v-text="item.fXy"></div>
                  </div>
                </div>
                <div class="Thickness_Form_box">
                  <div class="box1" style="background: aliceblue">
                    <div>序号</div>
                    <div>位置</div>
                    <div>厚度</div>
                    <div>间距</div>
                    <div>合格</div>
                  </div>
                  <div
                    class="box1"
                    v-for="(item, index) in Thickness_FormData_left"
                    :key="index"
                  >
                    <div
                      v-text="item.Number"
                      style="background: aliceblue"
                    ></div>
                    <div v-text="item.fAddress"></div>
                    <div v-text="item.fFirstcheckvalue"></div>
                    <div v-text="item.fCheckpointnumber"></div>
                    <div v-text="item.fXy"></div>
                  </div>
                </div>
              </div>
            </div>
          </div>
      </div>
    </div>
    </el-dialog>
  </div>
</template>

<script src="./index.js"></script>
<style lang="less" scoped>
@import "./index.less";
</style>
